<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:th="http://www.thymeleaf.org">
<head>
<title>首页</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
</head>
<body>
	<div class="container" id="content">
		<section class="content-header">
			<h1>
				<i class="fa fa-child"></i> <strong>归档信息</strong>
			</h1>
			<ol class="breadcrumb">
				<li><a href="#"><i class="fa fa-home "></i>Home</a></li>
				<li>系统管理</li>
				<li class="active">归档信息</li>
			</ol>
		</section>

		<!-- Main content -->
		<section class="content">

			<input id="reportId" type="hidden" th:value="${reportId}" />
			
			<div class="box box-body">
				<div class="modal-content" id="detailRegister">
					<h4 class="modal-title">
						<strong>事件源归档填报</strong>
					</h4>

					<div class="modal-body">

						<table class="table table-bordered">
							<tbody>
								<tr>
									<td><b>归档内容</b></td>
									<td>
										<div class="col-md-12">
											<textArea class="form-control" id="contents" height="100px"
												rows="3"></textArea>
										</div>
									</td>
								</tr>
								<tr>
									<td><b>归档备注</b></td>
									<td>
										<div class="col-md-12">
											<textArea class="form-control" id="memos" height="100px"
												rows="3"></textArea>
										</div>
									</td>
								</tr>
								<tr>

									<td colspan="2">
										<button class="btn btn-info" id="archiveBtn">归档</button>
									</td>
								</tr>
							</tbody>
						</table>
					</div>
				</div>
			</div>
			<div class="box box-info">
				<div class="box-header with-border">
					<i class="fa fa-th-list"></i>
					<h4 class="box-title">内部事件详情</h4>
				</div>

				<div class="box box-body">
					<table width="100%" id="dataTable"
						class="mytable dataTable table-bordered text-center table-striped table-hover">
						<thead>
							<tr>
								<th width="5%">序号</th>
								<th width="10%">内部事件名称</th>
								<th width="10%">事件详细内容</th>
								<th width="10%">内部事件编码</th>
								<th width="10%">内部事件状态</th>
								<!-- <th width="10%">登记人</th>
								<th width="10%">登记时间</th> -->
							</tr>
						</thead>
						<tbody>
						</tbody>
					</table>
				</div>
			</div>

		</section>

		<script th:src="@{/archiveReport/archiveFinishedReportUI.js}"></script>
	</div>

</body>
</html>